<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <ul>
        <!-- 不设置a的color，此时用的是user agent提供的style（优先级比继承的color高） -->
        <li>Default <a href="#">link</a> color</li>
        <!-- a的color是inherit，此时用的是从body中继承的style -->
        <li class="my-class-1">Inherit the <a href="#">link</a> color</li>
        <!--  a的color是initial，此时用的是color的初始值，也就是black-->
        <li class="my-class-2">Reset the <a href="#">link</a> color</li>
        <!-- a的color是unset，如果这个属性可以被继承，那么使用继承的属性，如果不能，使用初始值 -->
        <li class="my-class-3">Unset the <a href="#">link</a> color</li>
    </ul>
        
        
</body>
</html>